<template>
  <CommonContainer title="出库信息">
    <el-descriptions v-if="customerInfo" :style="{ marginLeft: customerInfo.carOutStorage.purchaseSource == 6 ? '50px' : '' }">
      <el-descriptions-item label="出库里程(km)">{{ customerInfo.carOutStorage.outboundMileage | filterNull }}</el-descriptions-item>
      <el-descriptions-item label="出库油量(%)">{{ customerInfo.carOutStorage.outboundOilQuantity | filterNull }}</el-descriptions-item>
      <el-descriptions-item label="出库时间">{{ customerInfo.carOutStorage.outStorageTime | filterNull }}</el-descriptions-item>
      <el-descriptions-item label="出库里程表">
        <image-common v-model="customerInfo.carOutStorage.outboundMileageOss" disabled :up-type="2"></image-common>
      </el-descriptions-item>
      <el-descriptions-item label="出库油量表" :span="2">
        <image-common v-model="customerInfo.carOutStorage.outboundOilQuantityOss" disabled :up-type="2"></image-common>
      </el-descriptions-item>
      <el-descriptions-item label="上传交车单">
        <image-common v-model="customerInfo.carOutStorage.deliveryNoteOss" disabled :up-type="2"></image-common>
      </el-descriptions-item>
      <el-descriptions-item v-if="customerInfo.carOutStorage && customerInfo.carOutStorage.purchaseSource !== '6'" label="附件" :span="2">
        <image-common v-model="customerInfo.carOutStorage.attachmentOss" disabled :up-type="2"></image-common>
      </el-descriptions-item>
      <el-descriptions-item v-if="customerInfo.carOutStorage && customerInfo.carOutStorage.purchaseSource == '6'" label="车头照片" :span="3">
        <image-common v-model="customerInfo.carOutStorage.outboundCarOss" disabled :up-type="2"></image-common>
      </el-descriptions-item>
      <el-descriptions-item label="备注" :span="3">{{ customerInfo.carOutStorage.remark | filterNull }}</el-descriptions-item>
    </el-descriptions>
  </CommonContainer>
</template>

<script>
export default {
  components: {},
  props: {
    value: {
      type: Object,
    },
  },
  data() {
    return {
      ossId: '1759761984477720577',
    }
  },
  computed: {
    customerInfo: {
      get() {
        return this.value
        return this.useVModel.call(this)
      },
      set(val) {
        this.$emit('input', val)
      },
    },
  },
  methods: {},
  mounted() {},
}
</script>

<style lang="scss" scoped></style>
